<style type="text/css">
	header{
		display:none;
	}
	section{
		margin-top:0;
	}
	#cars_top{
		height:1.421875rem;
		background-color:#f9fafd;
		font-weight:bold;
		font-size:0.46875rem;
		line-height:1.421875rem;
		text-align:center;
	}
	#cars_zuobiao{
		height:1.5625rem;
		width:10rem;
		color:#e64f1a;
		font-size:0.46875rem;
		line-height:1.421875rem;
		padding-left:0.46875rem;
	}
	.cars_tiao{
		height:0.3125rem;
		width:10rem;
		background-color:#efefef;
	}
	.cars_shansong{
		height:1.71875rem;
		width:10rem;
		display:flex;
		flex-direction: column;
		justify-content: center;
		color:#999;
		padding-left:0.421875rem;
		font-size:0.3125rem;
		border-bottom: 0.046875rem solid #efefef;
	}
	.cars_shansong p:nth-child(1){
		margin-bottom:0.375rem;
		font-size:0.46875rem;
		border-left:0.15625rem solid #ffd600;
	}
	.cars_songhuo{
		width:10rem;
		height:1.625rem;
		border-bottom: 0.046875rem solid #efefef;
		display:flex;
		align-items: center;
		font-size:0.46875rem;
	}
	.cars_songhuo1{
		width:2.1875rem;
		text-align: center;
		margin-left:0.46875rem;
	}
	.cars_songhuo2{
		width:2.5rem;
		text-align: center;
		margin-left:0.390625rem;
		color:#e64f1a;
	}
	.cars_songhuo3{
		flex-grow: 1;
		text-align:end;
		padding-right:0.46875rem;
		vertical-align:middle;
	}
	.cars_songhuo3 img{
		height:0.46875rem;
		width:auto;
		vertical-align:middle;
	}
	.cars_beizhu{
		height:1.609375rem;
		width:10rem;
		font-size:0.46875rem;
		padding-left:0.46875rem;
		display:flex;
		align-items: center;
		border-bottom: 0.046875rem solid #efefef;
	}
	.cars_beizhu input{
		width:7.03125rem;
		height:1.09375rem;
		font-size:0.46875rem;
	    outline: none;/*去掉input点击选中的框*/
	    border:none;
	    border:solid 0.03125rem #cecece;
	    border-radius:0.15625rem; 
	    margin-left:0.15625rem;
	    padding-left:0.234375rem;
	}
	.cars_li{
		width:10rem;
		height:2.546875rem;
		display:flex;
		align-items: center;
		border-bottom: 0.046875rem solid #efefef;
	}
	.cars_li label input{
		display: none;
	}
	.cars_li label input:checked+div{
		background:url("./img/黄对.png") no-repeat;
		background-size:0.9375rem 1.09375rem;
	}
	.cars_gong label input:checked+div{
		background:url("./img/黄对.png") no-repeat;
		background-size:0.9375rem 1.09375rem;
	}
	.cars_img1{
		width:0.9375rem;
		height:1.09375rem;
		margin-left:0.46875rem;
		background:url("./img/黄对v.png") no-repeat;
		background-size:0.9375rem 1.09375rem;
	}
	.cars_img10{
		width:0.9375rem;
		height:1.09375rem;
		margin-left:0.46875rem;
		background:url("./img/黄对v.png") no-repeat;
		background-size:0.9375rem 1.09375rem;
	}
	
	.cars_img2{
		width:1.046875rem;
		height:1.453125rem;
		margin:0 0.859375rem 0 0.859375rem;
	}
	.cars_li1{
		position:relative;
	}
	.cars_li1 p{
		margin-bottom: 0.546875rem;
		font-size:0.4375rem;
	}
	.cars_li1 span{
		font-size:0.375rem;
	}
	.cars_jiajian{
		display:flex;
		justify-content: center;
		align-items: center;
		position:absolute;
		left:3.125rem;
		top:0.9375rem;
	}
	.cars_jiajian p{
		margin:0 0.15625rem;
	}
	.cars_jiajian img{
		width:0.9375rem;
		height:auto;
	}
	.cars_gong{
		height:1.625rem;
		width:10rem;
		display:flex;
		font-size:0.4375rem;
		align-items: center;
		border-bottom: 0.046875rem solid #efefef;
	}
	.cars_gong label input{
		display:none;
	}
	
	.cars_gong p{
		flex-grow: 1;
	}
	.cars_gong p span{
		color:#e64f1a;
	}
	.cars_huang{
		width:3.125rem;
		height:1.625rem;
		text-align: center;
		line-height: 1.625rem;
		background-color:#ffd600;
	}
	
	.cars_xuan{
		margin-right:0.78125rem;
		margin-left:0.15625rem;
	}
</style>
<div id="big_cars">
	<div id="cars_top">
		购物车
	</div>
	<div id="cars_zuobiao">
		鲜蜂侠需要您的精确坐标
	</div>
	<div class="cars_tiao"></div>
	<div class="cars_shansong">
		<p>闪送超市</p>
		<p>￥0起送，22:00前满￥30减免运费，22:00后满￥69减免运费</p>
	</div>
	<div class="cars_songhuo">
		<span class="cars_songhuo1">收货时间</span><span class="cars_songhuo2">一小时送达</span><span class="cars_songhuo3">可预订
			<img src="img/cars_jiantou.jpg"/>
		</span>
	</div>
	<div class="cars_beizhu">
		收货备注
		<input type="text" name="" id="" value="" placeholder="可输入100字以内特殊要求内容"/>
	</div>
	<div class="cars_li" ng-repeat="(key,item) in lists">
		<!--<img src="img/黄对.png" class="cars_img1"/>-->
		<label ng-click="selectFns()">
			<input type="checkbox" name="" id="" value=""  ng-model="item.selec"/>
		    <div class="cars_img1"></div>
		</label>
		<img ng-src="{{item.img}}" class="cars_img2"/>
		<div class="cars_li1">
			<p>{{item.name}}</p>
			<span>￥{{item.price}}</span>
			<div class="cars_jiajian">
				<img src="img/减号.png" class="cars_img3"  ng-click="computes(item,-1,key)" ng-show="item.num>0"/>
				<p ng-show="item.num>0">{{item.num}}</p>
				<img src="img/加号.png" class="cars_img4"  ng-click="computes(item,1)"/>
			</div>
		</div>
	</div>
	<div class="cars_gong">
		<!--<img src="img/黄对.png" class="cars_img10"/>-->
		<label ng-click="selectAll()">
			<input type="checkbox" name="" id="" value="" ng-model="selectBtn" />
		    <div class="cars_img10"></div>
		</label>
		<div class="cars_xuan">全选</div>
		<p>共<span>￥{{priceAll}}</span></p>
		<div class="cars_huang">
			选好了
		</div>
	</div>
</div>

